/* 精确匹配图像参数 */
:root {
  --primary-blue: #1890ff;  /* 主边框色 */
  --hover-bg: #f5f5f5;      /* 悬停背景 */
  --border-gray: #d9d9d9;    /* 默认边框 */
}

.dropdown {
  width: 320px;             /* 与图像等宽 */
  margin: 20px auto;
  font-family: "Microsoft YaHei", sans-serif; /* 指定字体 */
}

.dropdown-input {
  padding: 8px 12px;        /* 精确内边距 */
  border: 1px solid var(--primary-blue);
  border-radius: 4px;       /* 圆角值 */
  font-size: 14px;
  color: #8c8c8c;           /* 提示文字色 */
}

.dropdown-item {
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;  /* 分隔线色 */
  transition: background 0.2s;      /* 悬停动效 */
}

.dropdown-item:hover {
  background: var(--hover-bg);
}